<template>
    <div class="topBackground">
        <img class="" src="/src/assets/img/aboutUs/topBackground.webp" alt="">
        <div class="slogan">
            <p>THE BEST
                <del>PEOPLE</del>
                <br/> TEAMS MAKE THE <br/> BEST GAMES*
            </p>
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped>
.topBackground {
    position: relative;
    margin: 0;
}

.topBackground img {
    height: 70vh;
    width: 100%;
    object-fit: cover;
}

.topBackground .slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 64px;
    font-weight: bolder;
}
</style>